///引入共享头部
import '../../../common/shard.dart';

class StretchyHeaderPage extends StatelessWidget {
	const StretchyHeaderPage({Key? key}) : super(key: key);

	static const String text='Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。 [5]  Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。Flutter已推出稳定的2.0版本。\r\nFlutter可以方便的加入现有的工程中。在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter是完全免费、开源的。它也是构建未来的 Google Fuchsia 应用的主要方式。\r\nFlutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter 会对比之前的描述， 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。';

	@override
	Widget build(BuildContext context) {
		return Scaffold(
			body: CustomScrollView(
				physics: const BouncingScrollPhysics(),
				slivers: <Widget>[
					SliverAppBar(
						pinned:true,//导航栏是否吸顶
						expandedHeight: 300,
						stretch: true,//弹性模式
						flexibleSpace: FlexibleSpaceBar(
							title:const Text('Flutter'),
							stretchModes: const [
								StretchMode.zoomBackground,//背景弹性
								// StretchMode.blurBackground,
								// StretchMode.fadeTitle,
							],
							centerTitle: true,
							background: Image.network("https://img2.baidu.com/it/u=3124910740,1523047659&fm=26&fmt=auto",fit: BoxFit.cover,),
						),
					),
					SliverList(delegate: SliverChildListDelegate([
						Container(
							height: 1000,
							padding: const EdgeInsets.all(15),
							child: const Text(text),
						)
					]))
				],
			),
		);
	}
}
